<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人资料</title>
		 <style>
			*{
				 margin:0;
				 padding:0;
			}
  			.box{
  				 width:200px;
  				 height:400px;
  				 border:1px solid #CECECE;
  				 margin:10px auto;
  			}

  			.title{
  				 height:25px;
  				 background-color:#CECECE;
  				 line-height:25px;
  				 font-size:15px;
  				 font-family:黑体;
  				 padding-left:9px;
  			}

  			.paper{
  				 width:180px;
  				 height:180px;
  				 border:1px solid #CECECE;
  				 margin:10px auto;
  			}

  			.wbbutton{
  				 margin:0 auto;
  				 text-align:center;
  				 border-bottom:1px dotted #D1D1D1;
  				 padding-bottom:10px;
  			}
			
			.wbbutton input{
				 width:68px;
				 height:23px;
				 margin-top:10px;
				 background-image:url(img/微博.png);
				 background-repeat:no-repeat;
				 background-color:#EEEEF2;
				 outline-style:none;
			}
			
			.add{
				 text-align:center;
				 padding-top:20px;
			}
			.add input{
				 width:70px;
				 height:20px;
				 outline-style:none;
				 margin-bottom:5px;
			}
        </style>
	</head>
	<body>
		<div class="box">
         		<div class="title">
         			个人资料
         		</div>
         		<div class="paper">
         			 <img src="img/headpaper.png">
         		</div>
         		<div class="wbbutton">
         			 V闪闪
         			 <img src="img/v.png">
         			 <br>
         			 <input type="button" value="微博">
         		</div>
         		<div class="add">
         			 <input type="button" value="加好友">
         			 <input type="button" value="发纸条">
         			 <input type="button" value="写留言">
         			 <input type="button" value="加关注">
         		</div>
         	</div>
	</body>
</html>
